{extend name='layout/default'/}
{block name='main'}
<style>
    #main {
        width: 100vw !important;
        margin: auto;
    }
    *::-webkit-scrollbar {
        display: none;
    }

    * {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
</style>
<section class="top1">
    <div class="content-1">
        <h2 class="text-styling">上传与分享您的照片</h2>
        <p class="p1">免费好用的图床, 文件分组更好地管理您的图片资源和外链, 最大 {:formatSize($getConfig('max_upload',5000))} 图片大小<br/> 直接的源图片链接, MarkDown,BBCode代码和HTML多种快捷地址可复制</p>
        <div style="font-size: 24px;text-align: center;margin-top: 15px;color: #ffffff;">已托管 {:number_format($num, 0, '.', ',')} 张图片</div>
        <div style="display: flex;justify-content: center;margin-top: 100px;">
            <a href="/index/manager/folder?folder=0"><button style="padding: 10px 20px;border-radius: 5px;outline: none;border: none;background: #1E9FFF;color: #FFFFFF;cursor: pointer;">开始上传</button></a>
        </div>
    </div>
</section>
<script>
    const dom = $(".nav-bg");
    function refreshHeader(){
        const scrollDistance = $(window).scrollTop();
        if (scrollDistance >= 200) {
            dom.attr("id", "");
        } else {
            dom.attr("id", "main-cover");
        }
    }
    refreshHeader()
    $(window).scroll(refreshHeader);
</script>
{/block}
